:global {
  .zny-form .ant-form-item {
    padding      : 0;
    margin-bottom: 10px;
  }

  .zny-form .ant-form-item input,
  .zny-form .ant-form-item select {
    padding-right: 24px;
  }

  .zny-form .ant-form-item .ant-form-item-label>label {
    padding-left: 12px;
  }

  .zny-form .ant-form-item .ant-form-item-label .ant-form-item-required::before {
    position: absolute;
    top     : 3px;
    left    : 0;
  }

  .zny-form .ant-form-item .ant-input:focus {
    box-shadow: none;
  }

  .zny-form .ant-form-item .ant-form-explain {
    z-index  : 9;
    position : absolute;
    right    : 5px;
    top      : 50%;
    margin   : 0 3px 0 0;
    transform: translateY(-50%);
  }

  .zny-form .ant-form-item .ant-form-explain::before {
    content : '';
    left    : -5px;
    position: absolute;
  }

  .zny-form .popup-form-item .ant-form-explain {
    right: 32px !important;
  }

  .zny-form .currency-form-item .ant-form-explain {
    right: 56px !important;
  }

  .zny-form .select-form-item .ant-form-explain {
    right: 26px !important;
  }

  .zny-form_editableRow .ant-form-explain {
    position  : absolute;
    margin-top: -4px;
    font-size : 12px;
  }

  .zny-form_editableRow .ant-form-item {
    margin-bottom: 5px;
  }

  .zny-form_readonly .ant-form-item {
    margin-bottom: 0 !important;
  }

  .zny-form_readonly .ant-form-item-control {
    line-height: 1 !important;
  }

  .zny-form_form_table tr.drop-over-downward td {
    border-bottom: 2px dashed #1890ff !important;
  }

  .zny-form_form_table tr.drop-over-upward td {
    border-top: 2px dashed #1890ff !important;
  }

  .zny-form_formlike_div,
  .zny-form_formlike_div_order {
    margin-bottom: 8px;
    padding-top  : 10px;
    padding-left : 10px;
    padding-right: 70px;
    border       : 1px solid #ebebeb;
    border-radius: 3px;
    position     : relative;
    cursor       : move;
  }

  .zny-form_formlike_div .zny-form_button_div,
  .zny-form_formlike_div_order .zny-form_button_div {
    text-align: 'right';
    padding   : '0 8px 4px 8px';
    position  : absolute;
    right     : 5px;
    bottom    : 5px;
  }

  .zny-form_formlike_div_order::before {
    content     : '';
    position    : absolute;
    left        : 0;
    top         : 0;
    width       : 0;
    height      : 0;
    border-width: 16px;
    border-style: solid;
    border-color: #0099cc transparent transparent #0099cc;
  }

  .zny-form_no_data {
    text-align   : center;
    border       : 1px solid #ebebeb;
    border-radius: 3px;
  }

  .zny-form_order_num_i {
    font-size : 12px;
    position  : absolute;
    top       : 0;
    left      : 0;
    width     : 18px;
    height    : 18px;
    text-align: center;
    color     : white;
  }

  .icon-selector-editable .ant-input-group-addon {
    height  : 32px;
    overflow: hidden;
  }

  .icon-selector-diseditable {
    overflow   : hidden;
    padding-top: 4px;
  }

  .icon-selector-diseditable .anticon {
    float       : left;
    margin-right: 8px;
  }

  .ant-form-item-control .form-textarea {
    line-height: 1.5em;
    padding-top: 0.4em;
    transition : all ease 1s;
    max-height : 64px;
    min-height : 34px;
    overflow   : auto;
    text-align : justify;
    word-break : break-all;
  }

  @-webkit-keyframes zny-form_unfold_top {
    0% {
      transform-origin: top;
      height          : 0;
      transform       : perspective(100px) rotateX(-10deg);
    }

    100% {
      transform: perspective(100px) rotateX(0deg);
      height   : auto;
    }
  }

  @keyframes zny-form_unfold_top {
    0% {
      transform-origin: top;
      height          : 0;
      transform       : perspective(100px) rotateX(-10deg);
    }

    100% {
      transform: perspective(100px) rotateX(0deg);
      height   : auto;
    }
  }

  .S5FlexBox {
    width      : 100%;
    height     : 100%;
    padding-top: 42px;
  }

  .S5FlexBox .S5SelectedBox {
    flex-wrap      : wrap;
    justify-content: flex-start;
    align-items    : center;
    border-bottom  : 1px solid #ccc;
    padding        : 6px 12px 0 12px;
    position       : absolute;
    top            : 55px;
    left           : 0;
    right          : 0;
    background     : #fff;
    z-index        : 200;
    box-shadow     : 0px 1px 5px rgba(0, 0, 0, 0.2);
    transition     : all ease 1s;
    height         : 34px;
    min-height     : 34px;
    max-height     : 200px;
    overflow       : hidden;
    padding-bottom : 21px;
  }

  .S5FlexBox .S5SelectedBox .S5Tag {
    margin-bottom: 6px;
  }

  .S5FlexBox .S5SelectedBox .spreadBtn {
    position  : absolute;
    bottom    : 0;
    left      : 0;
    right     : 0;
    height    : 21px;
    text-align: center;
    cursor    : pointer;
    margin    : 0;
  }

  .S5FlexBox .S5SelectedBox .spreadBtn i {
    transform: rotate(90deg);
    color    : #11c2ee;
  }

  .S5FlexBox .S5SelectedBox.unfolded {
    height: auto;
  }

  .S5FlexBox .S5SelectedBox.unfolded .spreadBtn i {
    transform: rotate(-90deg);
  }

  .popupTagBox {
    position: relative;
  }

  .popupTagBox .ant-select .ant-select-selection__clear {
    right: 36px;
  }

  .popupTagBox .add-btn {
    width      : 28px;
    height     : 28px;
    line-height: 26px;
    position   : absolute;
    top        : 6px;
    right      : 2px;
  }

  .SysUserPopup-Box {
    display: flex;
  }

  .SysUserPopup-Box .TreeDiv {
    flex         : 1;
    width        : 28%;
    padding-right: 28px;
    height       : 508px;
  }

  .SysUserPopup-Box .TreeDiv>div {
    width     : 100%;
    height    : 100%;
    overflow-x: auto;
    overflow-y: auto;
  }

  .SysUserPopup-Box .GridDiv {
    flex: 3;
  }

  .SysUserPopup-Box .GridDiv>div {
    width     : 100%;
    overflow-x: auto;
    overflow-y: auto;
  }

  .SysUserPopup-Box .GridDiv>div .devGrid24r {
    width: 100%;
  }

  .TreePopup-Box {
    width     : 100%;
    height    : 100%;
    overflow-x: auto;
    overflow-y: auto;
  }

  .TreePopup-Box>div {
    height: 100%;
  }

  .TreePopup-Box>div>div {
    height: 100%;
  }

  .TreePopup-Box>div>div>div {
    height        : 100%;
    display       : flex;
    flex-direction: column;
  }

  .TreePopup-Box>div>div>div>ul {
    flex: 1;
  }

  .TreePopup-Box>div>div>div>ul::-webkit-scrollbar {
    width: 5px;
  }

  .TreePopup-Box>div>div>div>ul::-webkit-scrollbar-thumb {
    border-radius     : 7px;
    box-shadow        : inset 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color  : #e8e8e8;
  }

  .myScrollBar::-webkit-scrollbar {
    width: 5px;
  }

  .myScrollBar::-webkit-scrollbar-thumb {
    border-radius     : 7px;
    box-shadow        : inset 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color  : #e8e8e8;
  }

  .popup-window .ant-modal-body {
    padding: 0 12px 24px 24px;
  }

  .popup-window .TreePopup-Box .ant-input-affix-wrapper {
    width: 95%;
  }

  .popup-window .SysUserPopup-Box .TreeDiv .ant-input-search {
    width: 200px;
  }

  .popup-window .dx-gridbase-container>.dx-datagrid-rowsview {
    max-height: 400px;
  }

  .upload .ant-upload-list-item {
    padding         : 4px;
    margin          : 0;
    border          : 0;
    border-radius   : 0;
    /* .ant-upload-list-item-actions {
              top   : unset;
              bottom: 0;
            } */
  }

  .upload .ant-upload.ant-upload-select-picture-card {
    padding         : 4px;
    margin          : 0;
    border          : 0;
    border-radius   : 0;
    background-color: inherit;
  }

  .upload .ant-upload.ant-upload-select-picture-card>.ant-upload {
    background-color: #fafafa;
  }

  .upload .ant-upload-list-item-actions .anticon-download {
    z-index   : 10;
    width     : 16px;
    margin    : 0 4px;
    font-size : 16px;
    color     : rgba(255, 255, 255, 0.85);
    transition: all 0.3s;
    cursor    : pointer;
  }

  .upload .ant-upload-list-picture-card {
    float: none;
  }

  .upload .ant-upload-list-item-info>span {
    height: 100%;
  }

  .upload .ant-upload-list-item-image {
    -o-object-fit: cover;
    object-fit   : cover;
  }

  .upload .ril__caption {
    justify-content: center;
  }

  .upload .ant-upload-list-picture-card .ant-upload-list-item-info {
    overflow: initial;
  }

  .upload-carousel {
    border-radius: 3px;
    overflow-x   : auto;
    overflow-y   : hidden;
    padding      : 8px 16px;
  }

  .upload-carousel .ant-spin-container {
    height: 100px;
  }

  .upload-carousel::-webkit-scrollbar {
    height: 8px;
  }

  .upload-carousel::-webkit-scrollbar-thumb {
    border-radius     : 5px;
    box-shadow        : inset 0 0 1px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.3);
    background-color  : transparent;
  }

  .upload-carousel:hover::-webkit-scrollbar-thumb {
    background-color: #2bb6aa;
  }

  .form-popuptreelist {
    max-height: 500px;
  }

  .form-popuptreelist .dx-treelist {
    width    : 100%;
    max-width: 100%;
    height   : 500px !important;
  }

  .form-popuptreelist .dx-treelist-borders>.dx-treelist-headers,
  .form-popuptreelist .dx-treelist-borders>.dx-treelist-rowsview,
  .form-popuptreelist .dx-treelist-borders>.dx-treelist-total-footer {
    border-right: 0;
  }

  .w-e-text-container.no-editable-area {
    border       : 1px solid #ccc;
    border-radius: 3px;
  }

  .w-e-toolbar {
    line-height: 40px;
  }

  .form-wangeditor .ant-form-item-control {
    line-height: 30px !important;
  }

  .form-wangeditor .w-e-toolbar {
    flex-wrap: wrap;
  }

  .form-wangeditor .w-e-toolbar .w-e-menu {
    padding: 0 7px;
  }

  .zny-form_form-layout-tabs {
    border       : 1px solid lightgray;
    border-radius: 4px;
    padding      : 10px;
  }

  .zny-form_pagination {
    position : absolute;
    left     : 50%;
    transform: translateX(-50%);
  }

  .zny-form_pageDisplay {
    width     : 40px;
    text-align: center;
    display   : inline-block;
  }

  .zny-form_closeButton {
    position: absolute;
    right   : 10px;
  }

  .zny-form_fsWrapper {
    position: fixed;
    left    : 0;
    right   : 0;
    top     : 0;
    bottom  : 0;
    z-index : 900;
  }

  .zny-form_wrapper {
    height    : 100%;
    position  : relative;
    background: #666;
  }

  .zny-form_toolbar {
    top         : 0;
    height      : 34px;
    width       : 100%;
    position    : absolute;
    z-index     : 1;
    display     : flex;
    background  : #666;
    padding-left: 12px;
  }

  .zny-form_toolbar .ant-btn {
    border-radius: 0;
  }

  .zny-form_toolbar .ant-btn:hover,
  .zny-form_toolbar .ant-btn.zny-form_activeButton {
    border-bottom: 1px solid;
  }

  .zny-form_mainArea {
    top     : 34px;
    bottom  : 0;
    width   : 100%;
    position: absolute;
    overflow: hidden;
  }

  .zny-form_fullMainArea {
    top: 0;
  }

  .zny-form_canvasArea {
    position: absolute;
  }

  .zny-form_editingTextMask {
    position: absolute;
    left    : 0;
    top     : 0;
    right   : 0;
    bottom  : 0;
  }

  .zny-form_editingTextMask .zny-form_editingArea {
    position   : absolute;
    border     : 1px dashed #aaa;
    background : transparent;
    outline    : none;
    font-family: 'arial';
    height     : 1.5em;
  }

  .zny-form_editingTextMask .zny-form_hiddenText {
    position   : absolute;
    left       : 0;
    top        : 0;
    visibility : hidden;
    font-family: 'arial';
  }

  .zny-form_preview {
    display  : flex;
    flex-wrap: wrap;
  }

  .zny-form_preview>div {
    position     : relative;
    width        : 83px;
    height       : 83px;
    margin-right : 6px;
    margin-bottom: 6px;
  }

  .zny-form_preview .zny-form_imgCover {
    position  : absolute;
    top       : 0;
    left      : 0;
    width     : 100%;
    height    : 100%;
    background: rgba(0, 0, 0, 0.75);
    opacity   : 0%;
    cursor    : pointer;
  }

  .zny-form_preview .zny-form_editableCover {
    transition: all 0.2s;
  }

  .zny-form_preview .zny-form_editableCover:hover {
    opacity: 100%;
  }

  .zny-form_previewModel {
    display        : flex;
    justify-content: space-between;
    flex-wrap      : wrap;
  }

  .zny-form_previewModel>div {
    position: relative;
    width   : 100px;
    height  : 100px;
  }

  .zny-form_previewModel .zny-form_imgCover {
    position  : absolute;
    top       : 0;
    left      : 0;
    width     : 100%;
    height    : 100%;
    background: rgba(0, 0, 0, 0.75);
    opacity   : 0%;
    cursor    : pointer;
  }

  .zny-form_previewModel .zny-form_editableCover {
    transition: all 0.2s;
  }

  .zny-form_previewModel .zny-form_editableCover:hover {
    opacity: 100%;
  }

  .zny-form_wrapper {
    height    : 100%;
    position  : relative;
    background: #666;
  }

  .zny-form_BtnToolkit {
    position        : absolute;
    top             : 50%;
    left            : 50%;
    transform       : translate(-50%, -50%);
    display         : flex;
    opacity         : 0;
    transition      : opacity 0.5s;
    background-color: #fff;
  }

  .zny-form_SingleScrawl {
    position: relative;
    display : inline-block;
  }

  .zny-form_SingleScrawl:hover>.zny-form_BtnToolkit {
    opacity: 1;
  }

  .zny-form_devForm {
    display       : flex;
    flex-direction: column;
  }

  .zny-form_devForm .devTitle {
    line-height  : 44px;
    font-size    : 16px;
    color        : rgba(0, 0, 0, 0.85);
    margin       : 0 0 24px;
    padding      : 0 24px;
    border-bottom: 1px solid #e8e8e8;
  }

  .zny-form_devForm .zny-form_stickyWrapper {
    border-top   : 1px solid #eeeeee;
    margin-top   : auto;
    padding-top  : 8px;
    padding-right: 10px;
    position     : -webkit-sticky;
    position     : sticky;
    bottom       : 0;
    z-index      : 9;
  }

  .zny-form_devForm .zny-form_stickyWrapper>.zny-form_btnContainer {
    overflow: hidden;
  }

  .zny-form .ant-descriptions-item-content {
    padding: 5px 8px;
  }

  .zny-form .ant-descriptions-item-content .ant-form-item {
    margin-bottom: 0;
  }

  .zny-form .ant-descriptions-item-content .ant-form-item .ant-upload-picture-card-wrapper {
    line-height: 1 !important;
  }

  .ant-select-dropdown .ant-select-tree-child-tree-open,
  .ant-select-dropdown .ant-select-dropdown-menu,
  .ant-cascader-menus .ant-cascader-menu {
    height    : auto;
    max-height: 220px;
  }

  .zny-form_devTreeForm {
    position: relative;
    height  : 100%;
  }

  .zny-form_devTreeForm .zny-form_treePane {
    position: relative;
    height  : calc(100% - 100px);
  }

  .zny-form_devTreeForm .zny-form_nodeForm {
    width : 680px;
    margin: 0 auto;
  }

  .zny-form_devTreeForm .zny-form_treeOperate {
    position: absolute;
    right   : 30px;
    top     : 7px;
    color   : #40a9ff;
    display : none;
  }

  .zny-form_devTreeForm .zny-form_treeOperate .anticon {
    margin-left: 5px;
  }

  .zny-form_devTreeForm .zny-form_treeTitle {
    display        : flex;
    justify-content: space-between;
  }

  .zny-form_devTreeForm .zny-form_treeTitle:hover .zny-form_treeOperate {
    display: block;
  }

  .zny-form_devTreeForm .zny-form_treeTitle:hover .zny-form_treeCode {
    display: none;
  }

  .zny-form_devTreeForm .zny-form_treeName {
    text-overflow: ellipsis;
    overflow     : hidden;
    white-space  : nowrap;
  }

  .zny-form_devTreeForm .zny-form_treeCode {
    margin-left: 20px;
    color      : rgba(0, 0, 0, 0.65);
  }

  .zny-form_devTreeForm .toolbarsContainer {
    margin-bottom: 15px;
  }

  .zny-form_devTreeForm .toolbarsContainer button {
    margin-right: 5px;
  }

  .zny-form_devTreeForm .toolbarsContainer button:last-child {
    margin-right: 0;
  }

  .zny-form_devMultiForm {
    position  : relative;
    height    : 100%;
    min-width : 1640px;
    overflow-x: auto;
  }

  .zny-form_devMultiForm .zny-form_treePane {
    position: relative;
    height  : calc(100% - 100px);
  }

  .zny-form_devMultiForm .devToolbar {
    margin: 0;
  }

  .zny-form_devMultiForm .zny-form_multiWrapper {
    height: 100%;
  }

  .zny-form_devMultiForm .zny-form_formWrapper {
    position: relative;
    height  : 100%;
  }

  .zny-form_devMultiForm .zny-form_panelForm {
    position   : relative;
    width      : 460px;
    margin-left: 24px;
  }

  .zny-form_devMultiForm .zny-form_nodeForm {
    min-width  : 320px;
    margin-left: 24px;
  }

  .zny-form_upload {
    position: relative;
  }

  .zny-form_upload .zny-form_ant-upload-list-item-actions .zny-form_anticon-download {
    z-index   : 10;
    width     : 16px;
    margin    : 0 4px;
    font-size : 16px;
    color     : rgba(255, 255, 255, 0.85);
    transition: all 0.3s;
    cursor    : pointer;
  }

  .zny-form_upload .zny-form_ant-upload-list-item-info>span {
    height: 100%;
  }

  .zny-form_upload .zny-form_ant-upload-list-item-image {
    -o-object-fit: cover;
    object-fit   : cover;
  }

  .zny-form_upload .zny-form_ril__caption {
    justify-content: center;
  }

  .zny-form_uploadBtn {
    position  : absolute;
    right     : 20px;
    margin-top: -40px;
    overflow  : hidden;
  }

  .zny-form_uploadBtn input {
    position : absolute;
    font-size: 100px;
    right    : 0;
    top      : 0;
    opacity  : 0;
    filter   : alpha(opacity=0);
    cursor   : pointer;
  }

  .zny-form_dragCard {
    display      : inline-block;
    margin-bottom: 12px;
  }

  .zny-form_dragCard .ant-card-body {
    padding: 2px 24px;
  }

  .zny-form_dragCard p {
    margin: 0;
  }

  .zny-form_drag-item-checked {
    border: 2px dashed #1890ff !important;
  }

  .zny-form_box {
    position  : absolute;
    display   : inline-block;
    box-sizing: border-box;
    overflow  : hidden;
    text-align: center;
  }

  .zny-form_box .text {
    position  : absolute;
    top       : 0;
    right     : 0;
    bottom    : 0;
    left      : 0;
    margin    : auto;
    text-align: center;
  }

  .zny-form_drag-form-item {
    width : 100%;
    height: 100%;
  }

  .zny-form_drag-form-item .ant-form-item {
    height          : 100%;
    margin          : 0 !important;
    background-color: white;
  }

  .zny-form_drag-form-item .ant-col {
    height: 100% !important;
  }

  .zny-form_drag-form-item .ant-form-item-control {
    height     : 100% !important;
    line-height: unset !important;
  }

  .zny-form_drag-form-item .ant-form-item-children {
    display: block;
    height : 100% !important;
  }

  .zny-form_drag-form-item .ant-form-item-children div {
    height: 100% !important;
  }

  .zny-form_drag-form-item .ant-form-item-children .ant-btn {
    height: 100% !important;
  }

  .zny-form_drag-form-item .ant-checkbox-group {
    display   : block !important;
    text-align: left !important;
    border    : 1px solid #ccc !important;
  }

  .zny-form_drag-form-item .ant-checkbox-group .ant-checkbox-wrapper {
    margin-right: 0 !important;
    padding     : 5px 0 0 5px !important;
  }

  .zny-form_drag-form-item .ant-checkbox-group .ant-checkbox-wrapper span {
    color: rgba(0, 0, 0, 0.65) !important;
  }

  .zny-form_drag-form-item .ant-radio-group {
    width     : 100%;
    display   : block;
    text-align: left;
    border    : 1px solid #ccc;
  }

  .zny-form_drag-form-item .ant-radio-group .ant-radio-wrapper {
    margin-right: 0 !important;
    padding     : 5px 0 0 5px !important;
  }

  .zny-form_drag-form-item .ant-radio-group .ant-radio-wrapper span {
    color: rgba(0, 0, 0, 0.65) !important;
  }

  .zny-form_drag-form-item .ant-select-selection-selected-value {
    display        : flex !important;
    align-items    : center;
    justify-content: center;
    color          : rgba(0, 0, 0, 0.65) !important;
  }

  .zny-form_drag-form-item .ant-calendar-picker {
    width : 100%;
    height: 100%;
  }

  .zny-form_drag-form-item .ant-calendar-picker div {
    height: 100%;
  }

  .zny-form_drag-form-item .ant-calendar-picker .anticon {
    color: dodgerblue !important;
  }

  .zny-form_drag-form-item .ant-input-affix-wrapper {
    height: 100%;
  }

  .zny-form_drag-form-item .ant-time-picker {
    width : 100%;
    height: 100%;
  }

  .zny-form_drag-form-item .ant-time-picker-input {
    height: 100%;
  }

  .zny-form_drag-form-item .ant-input {
    display      : block !important;
    height       : 100% !important;
    padding      : 0 8px !important;
    color        : rgba(0, 0, 0, 0.65) !important;
    border       : 1px solid #ccc !important;
    border-radius: 4px !important;
  }

  .zny-form_drag-form-item .ant-input:hover {
    border-color      : #40a9ff !important;
    border-right-width: 1px !important;
  }

  .zny-form_drag-form-item .ant-select {
    height: 100%;
  }

  .zny-form_drag-form-item .ant-select-selection {
    height       : 100%;
    color        : rgba(0, 0, 0, 0.65) !important;
    border       : 1px solid #ccc !important;
    border-radius: 4px !important;
  }

  .zny-form_drag-form-item .ant-select-selection .anticon {
    color: dodgerblue !important;
  }

  .zny-form_drag-form-item .ant-select-selection__rendered {
    display        : flex;
    align-items    : center;
    justify-content: center;
    height         : 100%;
  }

  .zny-form_drag-form-item .ant-spin-nested-loading {
    height: 100% !important;
  }

  .zny-form_drag-form-item .ant-spin-nested-loading .ant-spin-container {
    display        : flex !important;
    align-items    : center !important;
    justify-content: center !important;
    height         : 100% !important;
    padding        : 0 !important;
  }

  .zny-form_drag-form-item .popupTagBox .ant-btn {
    position: absolute;
    top     : 0 !important;
    right   : 0 !important;
    width   : 40px !important;
    border  : 1px solid #ccc !important;
  }

  .zny-form_drag-form-item .popupTagBox .ant-btn:hover {
    border: 1px solid dodgerblue !important;
  }

  .zny-form_drag-form-item .popupTagBox .ant-btn .anticon {
    color: dodgerblue !important;
  }

  .zny-form_drag-form-item .ant-form-item-children {
    color: slategray !important;
  }

  .zny-form_drag-form-item .ant-tag {
    color: rgba(0, 0, 0, 0.65) !important;
  }

  .zny-form_drag-form-menu {
    flex     : 0 0 250px !important;
    width    : 250px !important;
    min-width: 250px !important;
    max-width: 250px !important;
  }

  .zny-form_drag-form-tabs .zny-form_drag-form-tabs-content {
    padding: 12px;
  }

  .zny-form_drag-form-tabs .ant-tabs-nav .ant-tabs-tab {
    margin: 0 12px 0 0;
  }

  .zny-form_drag-form-tabs .ant-tabs-nav {
    font-size: 14px;
  }

  .zny-form_drag-form-item {
    background-color: red;
  }

  .zny-form_drag-form-item .ant-form-item {
    margin          : 0 !important;
    background-color: white;
  }

  .ant-layout.ant-layout-has-sider {
    height: 100%;
  }

  .zny-form_drag-content {
    position        : relative;
    height          : calc(100% - 33px);
    overflow-y      : scroll;
    background-color: white;
    border          : 1px dashed lightgray;
  }

  .zny-form_drag-content-footer .ant-btn-default {
    color           : #fff !important;
    background-color: #1890ff !important;
    border-color    : #1890ff !important;
  }

  .zny-form_drag-pdf-font-sm .ant-input {
    font-size: 12px;
  }

  .zny-form_drag-pdf-font-md .ant-input {
    font-size: 14px;
  }

  .zny-form_drag-pdf-font-lg .ant-input {
    font-size: 16px;
  }

  .zny-form_drag-toolbar {
    position: fixed;
    top     : 38px;
    left    : 450px;
    z-index : 1;
    display : flex;
  }

  .zny-form_drag-toolbar .ant-btn {
    background-color: white;
  }

  .zny-form_drag-dustbin-over {
    background-color: red !important;
  }

  .zny-form_drag-dustbin-over h3 {
    color: white !important;
  }

  .zny-form_drag-dustbin {
    position        : fixed;
    right           : 50px;
    bottom          : 50px;
    display         : inline-block;
    width           : 260px;
    height          : 300px;
    padding-top     : 115px;
    font-size       : 80px;
    text-align      : center;
    background-color: rgba(211, 211, 211, 0.38);
    border-radius   : 4px;
  }

  .zny-form_drag-dustbin h3 {
    color    : dodgerblue;
    font-size: 20px;
  }
}